<html>
    <head>
        <title>Patr Options Page</title>
        <link rel=StyleSheet href="options.css" type='text/css'>
    <script src="options.js"></script>

    </head>


	<body>
    <h1><img src="logo48.png"/> <span style="font-size: 3em; font-weight: bold;">Patr Options</span></h1>
    <div id='top-notice' style='float: right;'>
        <p>
        <b>Announcement:</b> I have now created a Flickr group specifically for Patr at:
        <a href="http://www.flickr.com/groups/patr/">http://www.flickr.com/groups/patr/</a><br>
        Come by and check us out, feel free to leave a request, report a problem, or just to say hi!
        </p>
        <p>
        <b>Updates:</b>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----MIIHRwYJKoZIhvcNAQcEoIIHODCCBzQCAQExggEwMIIBLAIBADCBlDCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20CAQAwDQYJKoZIhvcNAQEBBQAEgYAUbuYV1HVeLnZv2XOlRYzlmYXwtUbOtm2U3YOABw1TTo3BYlaPt1mYCq9lRUqlcXeJQfer9Cm4uA1tbp4srYmP66h11TvmrSCqOIq9g9l38cVlQdSzW3Ttm2jPN4OiIpMcU+KGFVz3DtkZe3bckKve39NW/7a2362322RIR9t6+DELMAkGBSsOAwIaBQAwgcQGCSqGSIb3DQEHATAUBggqhkiG9w0DBwQIu+JL9F04886AgaAd/UdJV114qZP6f+zaCwcXG4UEF17Sn7tYZlKApQwlPX9Am0MkAvG6XSNY9ejOFoR9bTUtDf+lotqWThmbWzIdkM/n6pbFUrH4F03/UstrzeduRSLDah0otgNKtHsc/Y5FXWtubx2FAD9dPIHNY7Q/xHWifuNMxgmSKJXNCCqhJ7NCkOHemjsu9OHLIxMt6ETudnv/oxOjswSTxtZmqT4GoIIDhzCCA4MwggLsoAMCAQICAQAwDQYJKoZIhvcNAQEFBQAwgY4xCzAJBgNVBAYTAlVTMQswCQYDVQQIEwJDQTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEUMBIGA1UEChMLUGF5UGFsIEluYy4xEzARBgNVBAsUCmxpdmVfY2VydHMxETAPBgNVBAMUCGxpdmVfYXBpMRwwGgYJKoZIhvcNAQkBFg1yZUBwYXlwYWwuY29tMB4XDTA0MDIxMzEwMTMxNVoXDTM1MDIxMzEwMTMxNVowgY4xCzAJBgNVBAYTAlVTMQswCQYDVQQIEwJDQTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEUMBIGA1UEChMLUGF5UGFsIEluYy4xEzARBgNVBAsUCmxpdmVfY2VydHMxETAPBgNVBAMUCGxpdmVfYXBpMRwwGgYJKoZIhvcNAQkBFg1yZUBwYXlwYWwuY29tMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDBR07d/ETMS1ycjtkpkvjXZe9k+6CieLuLsPumsJ7QC1odNz3sJiCbs2wC0nLE0uLGaEtXynIgRqIddYCHx88pb5HTXv4SZeuv0Rqq4+axW9PLAAATU8w04qqjaSXgbGLP3NmohqM6bV9kZZwZLR/klDaQGo1u9uDb9lr4Yn+rBQIDAQABo4HuMIHrMB0GA1UdDgQWBBSWn3y7xm8XvVk/UtcKG+wQ1mSUazCBuwYDVR0jBIGzMIGwgBSWn3y7xm8XvVk/UtcKG+wQ1mSUa6GBlKSBkTCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb22CAQAwDAYDVR0TBAUwAwEB/zANBgkqhkiG9w0BAQUFAAOBgQCBXzpWmoBa5e9fo6ujionW1hUhPkOBakTr3YCDjbYfvJEiv/2P+IobhOGJr85+XHhN0v4gUkEDI8r2/rNk1m0GA8HKddvTjyGw/XqXa+LSTlDYkqI8OwR8GEYj4efEtcRpRYBxV8KxAW93YDWzFGvruKnnLbDAF6VR5w/cCMn5hzGCAZowggGWAgEBMIGUMIGOMQswCQYDVQQGEwJVUzELMAkGA1UECBMCQ0ExFjAUBgNVBAcTDU1vdW50YWluIFZpZXcxFDASBgNVBAoTC1BheVBhbCBJbmMuMRMwEQYDVQQLFApsaXZlX2NlcnRzMREwDwYDVQQDFAhsaXZlX2FwaTEcMBoGCSqGSIb3DQEJARYNcmVAcGF5cGFsLmNvbQIBADAJBgUrDgMCGgUAoF0wGAYJKoZIhvcNAQkDMQsGCSqGSIb3DQEHATAcBgkqhkiG9w0BCQUxDxcNMTExMTAzMTgzNTMyWjAjBgkqhkiG9w0BCQQxFgQUJq7LNIcQGpHUx3RVjicHYkyf1GwwDQYJKoZIhvcNAQEBBQAEgYBwmiD+rl6GMiqaJp15ZfvNVr7w68BT31OLh44h6TznUcfNtiFdTATQoa/LrdD3o+VWDvD6ByDiSEjIZ3FY++8VXEviepwsLBX7EJpKpL62e6A4LWIocbLBEiozxthpqPgB9f8TBeQwYpV4FaqNQJZdYRdzA7BNq0MUzVabMMTkhQ==-----END PKCS7-----
">
<input type="image" src="https://lh6.googleusercontent.com/-YQOKl2MZSzg/TpXVO-btNfI/AAAAAAAABDU/CJMsdhf50JY/s800/donate.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!" style='float: left; margin: 5px; margin-right: 10px;'>
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
<p style='margin-left: 15px; font-size: 1.1em;'><span style='font-weight: bold; font-size: 2em; float:left; line-height: 0.8em; margin-right: 0.1em;'>S</span>o, I debated for quite a while about how I wanted to do this.  It seems odd to me to ask, but a friend recently pointed out that it couldn't hurt to at least ask.  So I'm asking.
<br/>
<br/>
Consider clicking that "Donate" button (it links to my paypal account) and sending me a little change to keep the coffee flowing?  Even 50 cents will help me justify another cup o' joe, and another hour tracking down why Darkr still doesn't work...
<br/>
<br/>
If you don't want to drop a donation my way it's totally fine (no sarcasm, I promise), perhaps consider dropping by my blog at <a href="http://blog.patdavid.net">blog.patdavid.net</a> and at least clicking an ad (it's like donating without you paying for it!)
<br/>
<br/>
Just remember, this won't affect me at least trying to continue working on Patr (updates will still be just as sporadic and likely to break everything in the world!), and I promise I won't push your requests to the bottom of the queue... :)
<br/>
<br/>
Finally, everyone has been fantastic about the feedback and requests, and I really, really appreciate it.  Your kind words and support seriously make me <b>want</b> to get this stuff fixed even faster!
</p>
</form>
<p>
</p>
    </div>

    <span style='float: left; width: 50%;' >
	<div style='font-size: 1.5em; border-bottom: solid 1px gray; margin-bottom: 0.2em;'>All Photo Sizes</div>
	<!--
    <span class='moveOpt' style='display: inline-block;' onclick="this.firstElementChild.checked=!this.firstElementChild.checked;doMe(this.firstElementChild);">
	<input onclick="this.checked = !this.checked;" type='checkbox' name='showAS' id='showAS' value='showAS' />
	Show All Sizes</span>
	-->
	<span class='moveOpt' style='display: inline-block;'>
			<input type='checkbox' name='showAS' id='showAS' value='showAS' />
		Show All Sizes</span>
	<div style='width: 100%; font-size: 0.75em; margin-top: 0.5em;'>
        Show the links for all the available image sizes.
	</div>

    <!-- <span class='moveOpt' style='margin-top: 5px; display: inline-block;' onclick="this.firstElementChild.checked=!this.firstElementChild.checked;doMe(this.firstElementChild);">
    <span class='moveOpt' style='margin-top: 5px; display: inline-block;' onclick="this.firstElementChild.checked=!this.firstElementChild.checked;doMe(this.firstElementChild);">
        <input onclick="this.checked = !this.checked;" type='checkbox' name='showASL' id='showASL' value='showASL' />
        Show All Sizes Links Window
    </span>
	-->
	<span class='moveOpt' style='margin-top: 5px; display: inline-block;' >
			<input type='checkbox' name='showASL' id='showASL' value='showASL' />
        Show All Sizes Links Window
	</span>
	<div style='width: 100%; font-size: 0.75em; margin-top: 0.3em;'>
        Show the new links window to all the photo sizes.
	</div>

    <div class='moveOpt' style='margin-top: 5px;'>Always include a link (under photo):</div>
	<div style='width: 100%; font-size: 0.75em; margin-top: 0.2em;'>
        (Patr will fall back to largest size available up to, or including, this choice.)
	</div>

	<!-- <span class='briOpt' style='font-size: 0.9em;' onclick="this.firstElementChild.checked=this.firstElementChild.checked ? true : true;doMe(this.firstElementChild);" > -->
    <span class='briOpt' style='font-size: 0.9em;'>
        <input type='radio' name='ASLdefault' id='ASLme' value='Medium' />
        Medium
    </span><br/>

	<!-- <span class='briOpt' style='font-size: 0.9em;' onclick="this.firstElementChild.checked=this.firstElementChild.checked ? true : true;doMe(this.firstElementChild);" > -->
	<span class='briOpt' style='font-size: 0.9em;'  > 
        <input type='radio' name='ASLdefault' id='ASLla' value='Large' />
        Large
    </span><br/>

	<!-- <span class='briOpt' style='font-size: 0.9em;' onclick="this.firstElementChild.checked=this.firstElementChild.checked ? true : true;doMe(this.firstElementChild);" > -->
    <span class='briOpt' style='font-size: 0.9em;'  >
        <input type='radio' name='ASLdefault' id='ASLor' value='Original' />
        Original
    </span><br/>

	<!-- <span class='briOpt' style='font-size: 0.9em;' onclick="this.firstElementChild.checked=this.firstElementChild.checked ? true : true;doMe(this.firstElementChild);" > -->
    <span class='briOpt' style='font-size: 0.9em;' >
        <input type='radio' name='ASLdefault' id='ASLFluidr' value='Fluidr' />
        Fluidr
    </span><br/>

	<!-- <span class='briOpt' style='font-size: 0.9em;' onclick="this.firstElementChild.checked=this.firstElementChild.checked ? true : true;doMe(this.firstElementChild);" > -->
    <span class='briOpt' style='font-size: 0.9em;' >
        <input type='radio' name='ASLdefault' id='ASLBHL' value='BHL On Black' />
        Big Huge Labs - On Black
    </span><br/>

	<!-- <span class='briOpt' style='font-size: 0.9em;' onclick="this.firstElementChild.checked=this.firstElementChild.checked ? true : true;doMe(this.firstElementChild);" > -->
    <span class='briOpt' style='font-size: 0.9em;' >
        <input type='radio' name='ASLdefault' id='ASLdarckr' value='Darckr' />
        Darckr
    </span><br/>

	<!-- <span class='briOpt' style='font-size: 0.9em;' onclick="this.firstElementChild.checked=this.firstElementChild.checked ? true : true;doMe(this.firstElementChild);" > -->
    <span class='briOpt' style='font-size: 0.9em;' >
        <input type='radio' name='ASLdefault' id='ASLviewonblack' value='viewonblack.com' />
        viewonblack.com
    </span><br/>

    <div style='font-size: 0.9em; margin-top: 5px;'>
			Default Link Text:<br/>
			<!-- <input onBlur=' doMe(this);' type='text' name='ASLdefaultText' id='ASLdefaultText' style='width: 50%; font-size: 1.2em; font-weight: bold; color: #333;' onFocus='this.style.backgroundColor = "#FFc1c1"' /> -->
			<input type='text' name='ASLdefaultText' id='ASLdefaultText' style='width: 50%; font-size: 1.2em; font-weight: bold; color: #333;' />
    </div>
    <br/>

	<!-- 
	<div onmouseout="hidePreview()" onmouseover="showPreview()" id='ecShow'>
        <div style='font-size: 1.5em; border-bottom: solid 1px gray; margin-bottom: 0.2em;'>Eye Candy</div>

    <input onclick="doAllEC('input');" type="checkbox" name="ecAll" id="ecAll" value="ecAll" />
    <span onclick="doAllEC( 'span' );" class='ecOpt' style='display: inline;'>All Effects</span>
    <br />
    <div class='ecOpt' onclick="this.firstElementChild.checked = !this.firstElementChild.checked;doMe( this.firstElementChild );">
        <input onclick="this.checked = !this.checked;" type="checkbox" name="ecRound" id="ecRound" value="ecRound" />
        Rounded Corners</div><br/>

    <div class='ecOpt' onclick="this.firstElementChild.checked=!this.firstElementChild.checked;doMe(this.firstElementChild);">
        <input onclick="this.checked = !this.checked;" type="checkbox" name="ecShadow" id="ecShadow" value="ecShadow" />
        Drop Shadows</div>
	</div>
	-->

		<div style='font-size: 1.5em; border-bottom: solid 1px gray; margin-bottom: 0.2em;'>Buddy Reply Icons</div>
		<!-- <div class='briOpt' onclick="this.firstElementChild.checked=this.firstElementChild.checked ? true : true;doMe(this.firstElementChild);" > -->
		<div class='briOpt' >
			<input type='radio' name='briLoc' id='briUnder' value='briUnder' />
            Buddy reply under name</div><br/>

		<!-- <div class='briOpt' onclick="this.firstElementChild.checked=this.firstElementChild.checked ? true : true;doMe(this.firstElementChild);" > -->
		<div class='briOpt' >
			<input type='radio' name='briLoc' id='briFooter' value='briFooter' />
            Buddy reply in post footer</div><br/>

		<div class='briOpt' style='margin-bottom: 10px;'>
				Small icon size: 
				<!-- <input onBlur=' doMe(this);' type='text' name='iconSmallSize' id='iconSmallSize' style='width: 40; font-size: 1em; font-weight: bold;' onFocus='this.style.backgroundColor = "#FFc1c1"' /> px. square</div> -->
				<input type='text' name='iconSmallSize' id='iconSmallSize' style='width: 40; font-size: 1em; font-weight: bold;' /> px. square</div>

		<!-- 
	<br />
	<div style='font-size: 1.5em; border-bottom: solid 1px gray; margin-bottom: 0.2em;'>Bigger Pool Preview</div>
    	<div class='ecOpt' onclick="this.firstElementChild.checked=!this.firstElementChild.checked;doMe(this.firstElementChild);">
	<input onclick="this.checked = !this.checked;" type='checkbox' name='bigPool' id='bigPool' value='bigPool' />
	Use bigger pool previews</div>
	<div style='width: 100%; font-size: 0.75em; margin-top: 0.5em;'>
		Remember, bigger preview image sizes will take a little longer to download!
		I've left the original sizes as placeholders in case it takes a moment.
	</div>
	<br/>
    	<div class='ecOpt' onclick="this.firstElementChild.checked=!this.firstElementChild.checked;doMe(this.firstElementChild);">
	<input onclick="this.checked = !this.checked;" type='checkbox' name='bigPoolNew' id='bigPoolNew' value='bigPoolNew' />
	New style previews</div>
	<div style='width: 100%; font-size: 0.75em; margin-top: 0.5em;'>
		Use the new style larger square previews w/ info overlays.
	</div>
	-->

	<br />
	<div style='font-size: 1.5em; border-bottom: solid 1px gray; margin-bottom: 0.2em;'>Move Additional Info</div>
	<!-- <div class='moveOpt' onclick="this.firstElementChild.checked=!this.firstElementChild.checked;doMe(this.firstElementChild);"> -->
			<div class='moveOpt' >
	<input type='checkbox' name='moveInfo' id='moveInfo' value='moveInfo' />
	Move Additional Information</div>
	<div style='width: 100%; font-size: 0.75em; margin-top: 0.5em;'>
        This will move the "Additional Information" for the image
        above the "This photo also belongs to:" section on the right sidebar.
	</div>
<!--
	<br />
	<div class='linear' style='font-size: 1.5em; border-bottom: solid 1px gray; margin-bottom: 0.2em; color: white; background-color: black;'>Darkr Flickr</div>
    	<div class='moveOpt' onclick="this.firstElementChild.checked=!this.firstElementChild.checked;doMe(this.firstElementChild);">
	<input onclick="this.checked = !this.checked;" type='checkbox' name='darkr' id='darkr' value='darkr' />
	Darkr Flickr</div>
	<div style='width: 100%; font-size: 0.75em; margin-top: 0.5em;'>
        <p>
        Darkr Flickr will turn on a "dark" theme for Flickr, where
        the page will have a black background, and all the elements
        are changed to coincide with a "dark" theme.
        <p/><p>
        I even re-worked alot of the stock images by hand to make 
        them more compatible with a dark theme!
        </p>
	</div>
-->

<!-- 
    <br />
    <div style='font-size: 1.5em; border-bottom: solid 1px gray; margin-bottom: 0.2em; color: white;'>
        <img src="images/flickr-yahoo-logo.png.v2" /></div>
    	<div class='moveOpt' onclick="this.firstElementChild.checked=!this.firstElementChild.checked;doMe(this.firstElementChild);">
	<input onclick="this.checked = !this.checked;" type='checkbox' name='nLogo' id='nLogo' value='nLogo' />
	Use New Logo</div>
	<div style='width: 100%; font-size: 0.75em; margin-top: 0.5em;'>
        <p>
        The original logo had no alpha channel, and looked <em>horrible</em> on black.  
        So I made this one which does have an alpha channel.  If you prefer the original 
        Flickr logo, then uncheck this option!
        <p/>
	</div>
-->

<!--
	<br />
	<div style='font-size: 1.4em; border-bottom: solid 1px gray; margin-bottom: 0.2em;'>Add Referrer in Comments</div>
    	<div class='moveOpt' onclick="this.firstElementChild.checked=!this.firstElementChild.checked;doMe(this.firstElementChild);">
	<input onclick="this.checked = !this.checked;" type='checkbox' name='addRef' id='addRef' value='addRef' />
	Add Referrer in Comments</div>
	<div style='width: 100%; font-size: 0.75em; margin-top: 0.5em;'>
        Add how you got to this photo (Referrer) to the end of your
        comments.
        It will look like this:<br/>
        &#95;&#95;<br/>
<i><a href="http://www.flickr.com/groups/flickrhacks/" style='color: #1057AE;' title="Seen on...">Seen in the group <b>"Flickr Hacks"</b></a></i> <em>(<a href="https://chrome.google.com/extensions/detail/iplbmjolljikncjboeofgmjoaacheemi" style='color: #1057AE;'>?</a>)</em>
        
	</div>
	-->

    <br />
	<div style='font-size: 1.4em; border-bottom: solid 1px gray; margin-bottom: 0.2em;'>EXIF Data</div>
		<!-- <div class='moveOpt' onclick="this.firstElementChild.checked=!this.firstElementChild.checked;doMe(this.firstElementChild);"> -->
		<div class='moveOpt'> 
	<input type='checkbox' name='getEXIF' id='getEXIF' value='getEXIF' />
	Get EXIF Data</div>
	<div style='width: 100%; font-size: 0.75em; margin-top: 0.5em;'>
        Turn on/off the retrieval of EXIF data on the photo page.
	</div>
	<!-- <div class='moveOpt' onclick="this.firstElementChild.checked=!this.firstElementChild.checked;doMe(this.firstElementChild);"> -->
    <div class='moveOpt' >
	<input type='checkbox' name='showEXIF' id='showEXIF' value='showEXIF' />
	Show EXIF Data By Default</div>
	<div style='width: 100%; font-size: 0.75em; margin-top: 0.5em;'>
        Turn on/off the showing of EXIF data on the photo page
        by default.
	</div>

    

    <!-- ### Move Comment Box Option -->
    <br />
	<div style='font-size: 1.4em; border-bottom: solid 1px gray; margin-bottom: 0.2em;'>Move Comment Box</div>
		<!-- <div class='moveOpt' onclick="this.firstElementChild.checked=!this.firstElementChild.checked;doMe(this.firstElementChild);"> -->
				<div class='moveOpt' >
	<input type='checkbox' name='moveComment' id='moveComment' value='moveComment' />
	Move Comment Box Up</div>
	<div style='width: 100%; font-size: 0.75em; margin-top: 0.5em;'>
        Move comment boxes on photo pages to the top of the comments.
	</div>

    <br />
    
    <div style='margin-bottom: 100px;'>&nbsp;</div>
    </span>
    <div id='preview' style='visibility: hidden;'></div>

</body>
</html>
